<script>
    export default {
        onLaunch: function() {
            console.log('App Launch');
        },
        onShow: function() {
            console.log('App Show');
        },
        onHide: function() {
            console.log('App Hide');
        }
    }
</script>

<style>
    /*每个页面公共css */
    /* uni-app默认全局使用flex布局。因为flex布局有利于跨更多平台，尤其是采用原生渲染的平台。如不了解flex布局，请参考http://www.w3.org/TR/css3-flexbox/。如不使用flex布局，请删除或注释掉本行。*/
    @import "./common/uni.css";
    @import "./static/font-icon/iconfont.css";
	@import "./static/css/reset.css";
	
    page{
    	height: 100%;
		width: 100%;
		font-size: 32upx;
		overflow: auto;
	}
	page .content{
		background: #fff;
		overflow: auto;
	}
		
    
    	checkbox,
    	radio {
    		margin-right: 10upx;
    	}
    
    	button {
    		margin-top: 20upx;
    		margin-bottom: 20upx;
    	}
    
    	form {
    		width: 100%;
    	}
    	/* page */
    
    	.container {
    		display: flex;
    		flex-direction: column;
    		min-height: 100%;
    		justify-content: space-between;
    		font-size: 32upx;
    		font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
    	}
    	.page-head {
    		padding: 60upx 50upx 80upx;
    		text-align: center;
    		line-height: initial;
    		height: 60upx;
    	}
    
    	.page-head-title {
    		display: inline-block;
    		padding: 0 40upx;
    		font-size: 30upx;
    		height: 60upx;
    		line-height: 60upx;
    		color: #BEBEBE;
    		box-sizing: border-box;
    		border-bottom: 2upx solid #D8D8D8;
    	}
    
    	.page-head-desc {
    		padding-top: 20upx;
    		color: #9B9B9B;
    		font-size: 32upx;
    	}
    
    	.page-body {
    		width: 100%;
    		flex-grow: 1;
    		overflow-x: hidden;
    	}
    
    	.page-body-wrapper {
    		display: flex;
    		flex-direction: column;
    		align-items: center;
    		width: 100%;
    	}
    
    	.page-body-wording {
    		text-align: center;
    		padding: 200upx 100upx;
    	}
    
    	.page-body-info {
    		display: flex;
    		flex-direction: column;
    		align-items: center;
    		background-color: #fff;
    		width: 100%;
    		padding: 50upx 0 150upx 0;
    	}
    
    	.page-body-title {
    		margin-bottom: 100upx;
    		font-size: 32upx;
    	}
    
    	.page-body-text {
    		font-size: 30upx;
    		line-height: 52upx;
    		color: #ccc;
    	}
    
    	.page-body-text-small {
    		font-size: 24upx;
    		color: #000;
    		margin-bottom: 100upx;
    	}
    
    	.page-foot {
    		margin: 100upx 0 30upx 0;
    		text-align: center;
    		color: #1aad19;
    		font-size: 0;
    	}
    
    	.icon-foot {
    		width: 152upx;
    		height: 23upx;
    	}
    
    	.page-section {
    		width: 100%;
    		margin-bottom: 60upx;
    	}
    
    	.page-section_center {
    		display: flex;
    		flex-direction: column;
    		align-items: center;
    	}
    
    	.page-section:last-child {
    		margin-bottom: 0;
    	}
    
    	.page-section-gap {
    		box-sizing: border-box;
    		padding: 0 30upx;
    	}
    
    	.page-section-spacing {
    		box-sizing: border-box;
    		padding: 0 80upx;
    	}
    
    	.page-section-title {
    		font-size: 28upx;
    		color: #999999;
    		margin-top: 10upx;
    		margin-bottom: 10upx;
    		padding-left: 30upx;
    		padding-right: 30upx;
    	}
    
    	.page-section-gap .page-section-title {
    		padding-left: 0;
    		padding-right: 0;
    	}
    	/* example */
    
    	.index-hd {
    		padding: 90upx;
    		text-align: center;
    	}
    
    	.index-logo {
    		width: 140upx;
    		height: 140upx;
    	}
    
    	.btn-area {
    		margin-top: 60upx;
    		box-sizing: border-box;
    		width: 100%;
    		padding: 0 30upx;
    	}
    
    	.image-plus {
    		width: 150upx;
    		height: 150upx;
    		border: 2upx solid #D9D9D9;
    		position: relative;
    	}
    
    	.image-plus-nb {
    		border: 0;
    	}
    
    	.image-plus-text {
    		color: #888888;
    		font-size: 28upx;
    	}
    
    	.image-plus-horizontal {
    		position: absolute;
    		top: 50%;
    		left: 50%;
    		background-color: #d9d9d9;
    		width: 4upx;
    		height: 80upx;
    		transform: translate(-50%, -50%);
    		-webkit-transform: translate(-50%, -50%);
    	}
    
    	.image-plus-vertical {
    		position: absolute;
    		top: 50%;
    		left: 50%;
    		background-color: #d9d9d9;
    		width: 80upx;
    		height: 4upx;
    		transform: translate(-50%, -50%);
    		-webkit-transform: translate(-50%, -50%);
    	}
    
    	.color1 {
    		background-color: #1AAD19;
    		color: #FFFFFF;
    	}
    
    	.color2 {
    		background-color: #2782D7;
    		color: #FFFFFF;
    	}
    
    	.color3 {
    		background-color: #F1F1F1;
    		color: #353535;
    	}
       
    	
    	.border{
    		border-bottom: 1px solid #f2f2f2;
    	}
    /* //加载图标动画 */
    .icon_loade_warp{
    	width: 100%;padding: 30upx 0;
    }
    .icon_loade_warp .warp{
    	margin:auto;display: flex;font-size: 30upx;width: 250upx;
    }
    .icon_loade{
    	border:2px solid #000;
    	border-bottom-color:transparent;
    	border-radius:100%;
    	 height: 30upx;
    	 width: 30upx;
    	  -webkit-animation: rotating 1.2s linear infinite;
    	 animation:rotating 1.2s linear infinite;
    	 margin:5upx 10upx 0 0;
    	 
    }
    @keyframes rotating{
    	from{transform:rotate(0)}
    	to{transform:rotate(360deg)}
    }
</style>
